﻿<template>
  <baseConfigUI :config.sync="config" :events.sync="events">
    <el-row :gutter="20">
      <el-col :span="24">
        <el-form-item label = "样式">
          <el-select v-model="config.other.uiMode" placeholder="请选择">
            <el-option
              v-for="item in uiOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
    </el-row>
    <dataSourceConfig :config.sync="config"></dataSourceConfig>
  </baseConfigUI>
</template>
<script>
import baseConfigUI from '../baseConfigUI.vue'
import dataSourceConfig from '../dataSourceConfig.vue'
export default {
  components: {baseConfigUI, dataSourceConfig},
  props: ['config', 'events'],
  mounted () {
  },
  data () {
    return {
      uiOptions: [{
        label: '基本样式',
        value: 'radio'
      }, {
        label: '带边框',
        value: 'borderRadio'
      }, {
        label: '按钮样式',
        value: 'button'
      }]
    }
  },
  methods: {
  }
}
</script>
